<template>
    <span>
        <span class="undo " v-if="status===3">{{index+1}}: 未完成</span>
        <span class="right " v-else-if="status===1">{{index+1}}: 正确</span>
        <span class="error " v-else-if="status===0">{{index+1}}: 错误</span>
    </span>
     
</template>
 
<script>
export default {
  name: "MyTips",
  components: {},
  props: {
    status:{
        type:Number,
        default:3,
    },
    index:{
        type:Number,
        required:true
    }
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
};
</script>

<style scoped>
span{
    display:inline-block;
    margin: 0px 15px;
}
.right {
     color: green;
}
.error {
    color: red;
}
.undo {
    color: #ccc;
} 
</style>